<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>主页面</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=0">
    <link rel="stylesheet" type="text/css" href="../css/Message.css">
    <link rel="stylesheet" type="text/css" href="../lib/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../lib/fontasome/css/font-awesome.css">
    <script type="text/javascript" src="../lib/vue.min.js"></script>
     
</head>
<body>
    <div class="view_box" :class="{'hidden_active':isHidden==1}">
        <div class="message_context" v-for="(Mail,index) in Mailinfo">
            <div class="title">
                <h4 :class="{'hidden_active':isHidden==1}">{{Mail.title}}</h4>
            </div>
            <div class="from">
                <p :class="{'hidden_active':isHidden==1}">from:{{nickname}}({{Mail.sendid}})</p>
            </div>
            <div class="context" v-if="isHidden==0">
                <p :class="{'hidden_active':isHidden==1}" v-html="Mail.common_content" @click="window.touch_picture(event)"></p>
            </div>
            <div class="context" v-if="isHidden==1">
                <p :class="{'hidden_active':isHidden==1}" v-html="Mail.hidden_content"
                @click="window.touch_picture(event)"></p>
            </div>
            <div class="sendtime">
                <p :class="{'hidden_active':isHidden==1}">{{Mail.sendtime}}</p>
            </div>
        </div>
        <footer>
            <ul>
                <li @click="window.collect()">
                    <div>
                        <span><i class="fa fa-star" aria-hidden="true" :class="{'active':isCollect==1}"></i></span>
                        <p>收藏</p>
                    </div>
                </li>
                <li @click="window.toSend()">
                    <div>
                        <span><i class="fa fa-mail-reply" aria-hidden="true"></i></span>
                        <p>回复</p>
                    </div>
                </li>
                <li @click="window.delMessage()">
                    <div>
                        <span><i class="fa fa-trash" aria-hidden="true"></i></span>
                        <p>删除</p>
                    </div>
                </li>
            </ul>
        </footer>

    </div>
    <script type="text/javascript" src="../js/Message.js"></script>
</body>
</html>